<div style="float: left; margin-right: 20px;">
	<strong class="subscript outline" style="vertical-align: 40px; color: red">
		<?php echo $this->session->userdata('oponent-rank')['name'];?>
	</strong>
	<img class="rank-thumb" src="<?php echo base_url('public_html/images/').'/'.$this->session->userdata("oponent-rank")['img'];?>.png"/>
</div>
<h1 style="color: red;"><?php echo $this->session->userdata("oponent_name");?>
	<div id="menu">
		<ul>
			<li><a onclick="surrender()">Surrender!</a></li>
		</ul>
	</div>
	<div style="float: right; margin-top: -5px;">
		<?php
			for ($x = 0; $x < sizeof($this->config->item('skills')); $x++) {
				$skill = $this->config->item('skills')[$x];
				echo '<button class="skill-btn" id="skill-btn'.$x.'" onmouseover="skillHover('.$x.', true)"
							onmouseout="skillHover('.$x.', false)" onclick="activateSkill('.$x.')" style="display: none">
						<img class="skill-thumb" src="'.base_url('public_html/images/').'/'.$skill['img'].'.png"/><br/>
						<span style="display: none;" id="skill-desc'.$x.'">
							<strong style="font-size: 12px; color: blue">'.$skill['name'].'</strong><br/>
							<span style="font-size: 10px; text-transform: none;">'.$skill['desc'].'</span>
						</span>
					 </button>&nbsp';
			}
		?>
	</div>
</h1>

<table id="game">
	<tr>
		<td colspan="2"><div id="oponent-hand"></div></td>
	</tr>
	<tr>
		<td width="250px">
			<div id="deck"></div>
			<img id="card-trump" class="" />
		</td>
		<td><div id="play">
			<h1 id="play-prompt">Waiting for your oponent...</h1>
			<!-- <h1><button><h1>Let's Get it On!</h1></button></h1> -->
		</div></td>
	</tr>
	<tr>
		<td colspan="2">
			<br/>

			<button id="btn-sort" onclick="sortAndArrange()" hidden="hidden"><input id="chkbox-sort" type="checkbox"/><br/>S<br/>o<br/>r<br/>t</button>

			<h1 id="player-prompt" class="heading-oposite" hidden="hidden"><span id="player-prompt-text"><span></h1>
			
			<img id="ico-battle" src="" hidden="hidden"/>
			<strong id="text-battle" hidden="hidden"></strong>



			<div id="my-hand"></div>

		</td>
	</tr>
</table>
<br/>
<div id="btn-group" class="font-large">
	<button hidden="hidden" id="btn-accept" onclick="acceptCards()">Accept Cards</button>
	<button hidden="hidden" style="position: inline-block" id="btn-end" onclick="endAttack()">End Attack</button>
	<button hidden="hidden" style="position: inline-block" id="btn-attack" onclick="attack()">Attack!</button>
	<button hidden="hidden" style="position: inline-block" id="btn-collect" onclick="collect()">Collect Cards</button>
</div>

<div style="float: right; margin-top: -40px; margin-left: 20px;">
	<img class="rank-thumb" src="<?php echo base_url('public_html/images/').'/'.$this->session->userdata("my-rank")['img'];?>.png"/>
	<strong class="subscript outline" style="vertical-align: 55px; color: blue"><?php echo $this->session->userdata('my-rank')['name'];?></strong>
</div>
<h1 class="heading-oposite" style="color: blue">
	<strong><?php echo $this->session->userdata("player_name");?></strong>
</h1>

<script type="text/javascript" src="<?php echo base_url('public_html/js/jquery-1.11.0.js');?>"></script>
<script type="text/javascript">
	var BASE_URL = '<?php echo base_url();?>' + 'index.php/';
	var DIR_CARDS = '<?php echo base_url();?>' + 'public_html/images/cards/';
	var DIR_IMAGES = '<?php echo base_url();?>' + 'public_html/images/';
	var MY_ID = '<?php echo $this->session->userdata("id");?>';
	var MY_NAME = '<?php echo $this->session->userdata("player_name");?>';
	var OPONENT_ID = '<?php echo $this->session->userdata("oponent_id");?>';
	var OPONENT_NAME = '<?php echo $this->session->userdata("oponent_name");?>';
	var IS_MECHALLENGER = Number('<?php echo $this->session->userdata("is_mechallenger");?>');
	var CARD_STATUS = <?php echo json_encode($this->config->item("card_status"));?>;

	var CLASSES = <?php echo json_encode($this->config->item("classes"));?>;
	var WINS = Number('<?php echo $this->session->userdata("wins");?>');
	var WINS_PER_RANK = Number('<?php echo $this->config->item("wins_per_rank");?>');
	var MY_CLASS = Number('<?php echo $this->session->userdata("class");?>');
	var OPONENT_CLASS = Number('<?php echo $this->session->userdata("oponent-class");?>');
	var SKILLS = <?php echo json_encode($this->config->item("skills"));?>;
</script>
<script type="text/javascript" echo src="<?php echo base_url('public_html/js/game.js');?>"></script>